.Default, .Menu
{
	cursor: default;
	background-color: #efefde;
}

.Office
{
	cursor: default;
	background-color: #f7f8fd;
}

.Default TD, .Office TD, .Menu TD
{
	font-size: 11px;
	font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
}

/*
	Toolbar
*/

.TB_Toolbar
{
	display: inline;
	float: left; /* Opera requires this setting. For RTL it must be set to "right", otherwise "left". */
}

.Default .TB_Separator
{
	width: 1px;
	height: 16px;
	margin: 2px;
	background-color: #999966;
}

.Default .TB_Start
{
	background-image: url(toolbar.start.gif);
	margin: 2px;
	width: 3px;
	background-repeat: no-repeat;
	height: 16px;
}

.Default .TB_End
{
	display: none;
}

/*
	Toolbar Button
*/

.TB_Button_On, .TB_Button_Off, .TB_Button_On_Over, .TB_Button_Off_Over, .TB_Button_Disabled
{
	border: #efefde 1px solid; /* This is the default border */
	height: 20px; /* The height is necessary, otherwise IE will not apply the alpha */
}

.TB_Button_On
{
	border: #316ac5 1px solid;
	background-color: #c1d2ee;
}

.TB_Button_On_Over, .TB_Button_Off_Over, .Office .TB_Button_Off_Over
{
	border: #316ac5 1px solid;
	background-color: #dff1ff;
}

.TB_Button_Off
{
	filter: alpha(opacity=70); /* IE */
	opacity: 0.70; /* Safari, Opera and Mozilla */
}

.TB_Button_Disabled
{
	filter: gray() alpha(opacity=30); /* IE */
	opacity: 0.30; /* Safari, Opera and Mozilla */
}

.TB_Button_Padding
{
	visibility: hidden;
	width: 3px;
	height: 20px;
}

.TB_Button_Image
{
	overflow: hidden;
	width: 16px;
	height: 16px;
	margin: 2px;
	background-repeat: no-repeat;
}

.TB_Button_Image img
{
	position: relative;
}

/*
	Office Skin (applied in the same page)
	This is done just for testing. It is used on rare cases where you need to
	place differente toolbars in the same page.
	It is not complete. Just the necessary things used in the test pages are set.
*/

.Office .TB_Separator
{
	width: 1px;
	height: 16px;
	margin: 2px;
	background-color: #87A2E8;
}

.Office .TB_Start
{
	background-image: url(office.start.gif);
	margin: 2px;
	width: 3px;
	background-repeat: no-repeat;
	height: 16px;
}

.Office .TB_End
{
	width: 12px;
	height: 22px;
	background-image: url(office.end.gif);
}

.Office .TB_Button_On, .Office .TB_Button_Off, .Office .TB_Button_On_Over, .Office .TB_Button_Off_Over, .Office .TB_Button_Disabled
{
	border-color: #f7f8fd;
}

.Office .TB_Button_On_Over, .Office .TB_Button_Off_Over
{
	border: #316ac5 1px solid;
	background-color: #dff1ff;
}

/*
	Menu
*/

.MN_Menu, .MN_Menu *
{
	font-size: 11px;
	font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
}

.MN_Menu
{
	border: 1px solid #8f8f73;
	padding: 2px;
	background-color: #ffffff;
	cursor: default;
}

.MN_Item_Padding
{
	visibility: hidden;
	width: 3px;
	height: 20px;
}

.MN_Icon
{
	background-color: #e3e3c7;
	text-align:center;
	height:20px;
}

.MN_Label
{
	padding-left:3px;
	padding-right:3px;
}

.MN_Separator TD
{
	height: 3px;
}

.MN_Separator DIV
{
	border-top: #b9b99d 1px solid;
}

.MN_Item .MN_Icon IMG
{
	filter: alpha(opacity=70);
	opacity:0.70;
}

.MN_Item_Over
{
	color: #ffffff;
	background-color: #8f8f73;
}

.MN_Item_Over .MN_Icon
{
	background-color: #737357;
}

.MN_Item_Disabled IMG
{
	filter: gray() alpha(opacity=30); /* IE */
	opacity: 0.30; /* Safari, Opera and Mozilla */
}

.MN_Item_Disabled .MN_Label
{
	color: #b7b7b7;
}

.MN_Arrow
{
	padding-right:3px;
	padding-left:3px;
}

.Menu .TB_Button_On, .Menu .TB_Button_On_Over
{
	border: #8f8f73 1px solid;
	background-color: #ffffff;
}
